<script setup >
import { onMounted } from 'vue'
import MindMap from 'simple-mind-map'
// eslint-disable-next-line no-unused-vars
let mindMap =null

const mindData = {
  data: {
    text: '根节点',
  },
}

onMounted(() => {
  mindMap = new MindMap({
    el: document.getElementById('mindMapContainer'),
    data: mindData,
  })
})
</script>

<template>
  <div class="mindMapContainer" id="mindMapContainer"></div>
</template>

<style lang="css" scoped>
.mindMapContainer {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
</style>
